<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/commons/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>combo</title>
<link href="front/css/activity.css" rel="stylesheet" type="text/css" />
<link href="front/css/cometbar.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="front/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="front/js/jquery.stream-1.2.js"></script>
<script type="text/javascript" src="front/js/LYD.core.js"></script>
<script type="text/javascript" src="front/js/LYD.ajax.js"></script>
<script type="text/javascript" src="front/js/LYD.comet.js"></script>

<script type="text/javascript" src="front/js/CB.user.js"></script>
<script type="text/javascript" src="front/js/activity.js"></script>
<script type="text/javascript" src="combo/activity/combo.map.js"></script>
<script type="text/javascript">
	//用户信息
	var CUSER = {userid:0,username:""};
	$(document).ready(function() {
		$("#bottombar").css("display","none");
		$(".id_login").click(function(){
			COMBO.login();
		});
	});
</script>
</head>

<body>
<!-- 导航 -->
<div id="top">
	<div class="width">
		<div class="logo"></div>
		<!-- 注册、登陆框 -->
		<div class="id_box">
			<div class="id">
				<div class="id_welcome"></div>
				<div class="id_email">
					<input id="combo_email" class="id_input" type="text" />
				</div>
				<div class="id_password">
					<input id="combo_passwd" class="id_input" type="password" />
				</div>
				<div class="id_check"></div>
				<div class="id_nopassword"></div>
				<div class="clear"></div>
				<div class="id_login"></div>
				<div class="id_reg"></div>
			</div>
			<div class="id_border"></div>
		</div>
		<!-- /注册、登陆框 --> 
		<!-- 个人信息框 -->
		<div class="id_person_box">
			<div class="id_person_box_main">
				<div class="pic"> <img src="front/images/activity/id_pic_blank.jpg" width="96" height="96" /> </div>
				<div class="txt"><span id="user_name"></span>
					<div class="school">西南民族大学</div>
				</div>
				<div class="icon">+9</div>
				<div class="icons">
					<div class="chuangjian"></div>
					<div class="wosuo"></div>
					<div class="huidao"></div>
					<div class="zhuangtai"></div>
					<div class="locker"></div>
				</div>
			</div>
			<div class="id_person_box_border"></div>
		</div>
		<!-- /个人信息框 --> 
		<!-- 上传头像 -->
		<div class="pic_upload_mask">
			<div class="pic_upload_main">
				<div class="pic_upload_icon"></div>
				<div class="pic_upload_explorer_object">
					<div class="pic_upload_explorer_object_pic"><img src="front/images/activity/upload_blank.jpg" width="165" height="165" />
						<div class="pic_upload_explorer_top">
							<div class="pic_upload_explorer_bottom">
								<div class="pic_upload_explorer_middle"></div>
							</div>
						</div>
						<div class="button_bendi"></div>
						<div class="button_paizhao"></div>
					</div>
				</div>
				<div class="pic_upload_explorer_big">
					<div class="pic_upload_explorer_big_pic"></div>
					<div class="pic_upload_explorer_big_tx">大头像150X150</div>
				</div>
				<div class="pic_upload_explorer_normal">
					<div class="pic_upload_explorer_normal_pic"></div>
					<div class="pic_upload_explorer_normal_tx">中头像80X80</div>
				</div>
				<div class="pic_upload_explorer_small">
					<div class="pic_upload_explorer_small_pic"></div>
					<div class="pic_upload_explorer_small_tx">小头像40X40</div>
				</div>
			</div>
			<div class="pic_upload_close">关闭</div>
			<div class="pic_upload_save"></div>
			<div class="pic_upload_cancel"></div>
		</div>
		<!-- /上传头像 -->
		<div class="txt_width">
			<div class="txt"> <span class="txt_padding">
				<div class="zuobiao"></div>
				</span> <span class="txt_padding">
				<div class="geren"></div>
				</span> <span class="txt_padding">
				<div class="quanzi"></div>
				</span> </div>
			<div class="top_hover"></div>
		</div>
		<div class="top_search">
			<input class="top_input" type="text" />
		</div>
		<!-- 右侧功能键 -->
		<div class="top_button">
			<div class="top_button1_menu_display">
				<div class="top_button1_menu">
					<div class="active">
						<div class="list">我的留言<span>+77</span></div>
						<div class="list">圈子留言</div>
						<div class="list">活动留言</div>
						<div class="list">我的评论</div>
						<div class="list">我的私信</div>
						<div class="list">我的通知</div>
					</div>
				</div>
			</div>
			<div class="top_button2_menu_display">
				<div class="top_button2_menu">
					<div class="active">
						<div class="name">尤克里里</div>
						<div class="name"><a href="info.html">隐私设置</a></div>
						<div class="name"><a href="info.html">账号设置</a></div>
					</div>
				</div>
			</div>
			<div class="top_button1"></div>
			<div class="top_button2"></div>
			<div class="top_button3"></div>
		</div>
		<!-- /右侧功能键 --> 
	</div>
</div>
<!-- /导航 -->
<div id="main">
	<div class="width"> 
		<!-- 地图 -->
		<div class="map_out" id="11111">
			<div class="map" id="activity_mapImage">
				<div class="tab">
					<div class="button1"></div>
					<div class="button2"></div>
					<div class="block"></div>
				</div>
				<div class="activity_icon" id="activity_point"></div>
				<div class="friends_icon"></div>
				<div class="city_change">
					<div class="city_change_right" id="select_city">
						<div class="city_change_main"></div>
					</div>
					<div class="city_change_txt"></div>
				</div>
			</div>
		</div>
		<!-- /地图 --> 
		<!-- 该区域的所有活动_遮罩按钮 -->
		<div id="remove_mask_button">
			<div id="activity_mask_button">
				<div class="border">
					<div class="main"></div>
					<div class="t"></div>
				</div>
			</div>
		</div>
		<!-- /该区域的所有活动_遮罩按钮 --> 
		<!-- 该区域的所有活动 -->
		<div id="activity_mask">
			<div id="activity">
				<div class="border">
					<div class="main">
						<div class="acfr_scroll">
							<div class="acfr_main">
								<!-- 活动 -->
								<div class="acti_absolute">
									<div class="topic_border">
										<div class="topic">
											<div class="number">9</div>
											<div class="activity_list"> <span class="left"></span> <span class="right"></span>
												<div class="activity_list_pic">
													<ul>
														<li><img src="front/images/activity/demo/1.jpg" width="23" height="23" /></li>
														<li><img src="front/images/activity/demo/1.jpg" width="23" height="23" /></li>
														<li><img src="front/images/activity/demo/1.jpg" width="23" height="23" /></li>
														<li><img src="front/images/activity/demo/1.jpg" width="23" height="23" /></li>
														<li><img src="front/images/activity/demo/1.jpg" width="23" height="23" /></li>
														<li><img src="front/images/activity/demo/1.jpg" width="23" height="23" /></li>
														<li><img src="front/images/activity/demo/1.jpg" width="23" height="23" /></li>
														<li><img src="front/images/activity/demo/1.jpg" width="23" height="23" /></li>
														<li><img src="front/images/activity/demo/1.jpg" width="23" height="23" /></li>
														<li><img src="front/images/activity/demo/1.jpg" width="23" height="23" /></li>
														<li><img src="front/images/activity/demo/1.jpg" width="23" height="23" /></li>
													</ul>
												</div>
											</div>
										</div>
									</div>
									<div class="white">
										<div class="pic"> <img src="front/images/activity/demo/activity_pic.png" width="151" height="213" /> </div>
										<!-- 详细信息 -->
										<div class="body">
											<div class="white_topic">【影咖啡英语沙龙】开年城南首场：Manplusbuilding</div>
											<div class="white_p">开始时间：2012年2月3日&nbsp;&nbsp;周五&nbsp;&nbsp;19:30</div>
											<div class="white_p">结束时间：2012年2月3日&nbsp;&nbsp;周五&nbsp;&nbsp;21:30</div>
											<div class="white_p">地点: 成都&nbsp;&nbsp;武侯区&nbsp;&nbsp;晋阳路215号<br />
												西郡香林二楼影咖啡音乐书吧(千盛百货中国银行对面)</div>
											<div class="white_p">创建人：<span class="card_show">emiraca</span></div>
											<div class="white_p">规模：中（50人）</div>
											<div class="white_people">
												<div class="white_p">已响应人数：（46/50）</div>
												<div class="white_pic"><img src="front/images/activity/demo/part.jpg" width="29" height="29" /></div>
												<div class="white_pic"><img src="front/images/activity/demo/part.jpg" width="29" height="29" /></div>
												<div class="white_pic"><img src="front/images/activity/demo/part.jpg" width="29" height="29" /></div>
												<div class="white_pic"><img src="front/images/activity/demo/part.jpg" width="29" height="29" /></div>
												<div class="white_pic"><img src="front/images/activity/demo/part.jpg" width="29" height="29" /></div>
											</div>
											<div class="white_people">
												<div class="white_p">我已响应的好友：（4/87）</div>
												<div class="white_pic"><img src="front/images/activity/demo/part.jpg" width="29" height="29" /></div>
												<div class="white_pic"><img src="front/images/activity/demo/part.jpg" width="29" height="29" /></div>
												<div class="white_pic"><img src="front/images/activity/demo/part.jpg" width="29" height="29" /></div>
												<div class="white_pic"><img src="front/images/activity/demo/part.jpg" width="29" height="29" /></div>
												<div class="white_pic"><img src="front/images/activity/demo/part.jpg" width="29" height="29" /></div>
											</div>
											<div class="clear"></div>
											<span class="body_button1"></span> <span class="body_button2"></span> <span class="body_button3"></span>
											<div class="white_progress1"></div>
										</div>
										<!-- /详细信息 --> 
										<!-- 活动简介 -->
										<div class="body2">
											<div class="_scroll">
												<div class="_main">
													<div class="_singleHeight">
														<div class="white_p">活动简介</div>
														<div class="body2_p">
															<div class="white_p">【影咖啡英语沙龙】</div>
															<div class="white_p">&nbsp;</div>
															<div class="white_p">构建品质人脉，</div>
															<div class="white_p">认识有趣的人，</div>
															<div class="white_p">了解他们背后的故事，</div>
															<div class="white_p">交流思想，展示才华，</div>
															<div class="white_p">用别人的经历启发自己……</div>
															<div class="white_p">在影咖啡为你构建的高素质人脉平台上，</div>
															<div class="white_p">遇到与你志同道合的心灵朋友...</div>
															<div class="white_p">用别人的经历启发自己……</div>
															<div class="white_p">在影咖啡为你构建的高素质人脉平台上，</div>
															<div class="white_p">遇到与你志同道合的心灵朋友...</div>
														</div>
														<div class="body2_p">
															<div class="white_p">【影咖啡英语沙龙】</div>
															<div class="white_p">&nbsp;</div>
															<div class="white_p">构建品质人脉，</div>
															<div class="white_p">认识有趣的人，</div>
															<div class="white_p">了解他们背后的故事，</div>
															<div class="white_p">交流思想，展示才华，</div>
															<div class="white_p">用别人的经历启发自己……</div>
															<div class="white_p">在影咖啡为你构建的高素质人脉平台上，</div>
															<div class="white_p">遇到与你志同道合的心灵朋友...</div>
															<div class="white_p">用别人的经历启发自己……</div>
															<div class="white_p">在影咖啡为你构建的高素质人脉平台上，</div>
															<div class="white_p">遇到与你志同道合的心灵朋友...</div>
														</div>
														<div class="body2_p">
															<div class="white_p">【影咖啡英语沙龙】</div>
															<div class="white_p">&nbsp;</div>
															<div class="white_p">构建品质人脉，</div>
															<div class="white_p">认识有趣的人，</div>
															<div class="white_p">了解他们背后的故事，</div>
															<div class="white_p">交流思想，展示才华，</div>
															<div class="white_p">用别人的经历启发自己……</div>
															<div class="white_p">在影咖啡为你构建的高素质人脉平台上，</div>
															<div class="white_p">遇到与你志同道合的心灵朋友...</div>
															<div class="white_p">用别人的经历启发自己……</div>
															<div class="white_p">在影咖啡为你构建的高素质人脉平台上，</div>
															<div class="white_p">遇到与你志同道合的心灵朋友...</div>
														</div>
													</div>
												</div>
											</div>
											<div class="button_fenxiang"></div>
											<div class="button_liaotian"></div>
											<div class="drag"></div>
										</div>
										<!-- /活动简介 -->
										<div class="white_button2"></div>
									</div>
								</div>
								<!-- /活动结束 -->
								<!-- 好友 -->
								<div class="fri_absolute">
									<div class="topic_border">
										<div class="fri_topic"></div>
									</div>
									<div class="white">
										<div class="friList_scroll">
											<div class="friList_main">
												<div class="friSingle">
													<div class="fri_pic"> <img src="front/images/activity/demo/345.png" width="65" height="65" /> </div>
													<div class="fri_name">好友的名字的说~</div>
													<div class="fri_say">好友的名字的说好友的名字的说好友的名字的</div>
													<div class="fri_banner">
														<div class="fri_banner_ed"></div>
														<div class="fri_banner_tx">同步率</div>
														<div class="fri_banner_per">18%</div>
														<div class="fri_banner_button"><a href="one"></a></div>
													</div>
												</div>
												<div class="friSingle">
													<div class="fri_pic"> <img src="front/images/activity/demo/345.png" width="65" height="65" /> </div>
													<div class="fri_name">好友的名字的说~</div>
													<div class="fri_say">好友的名字的说好友的名字的说好友的名字的</div>
													<div class="fri_banner">
														<div class="fri_banner_ed"></div>
														<div class="fri_banner_tx">同步率</div>
														<div class="fri_banner_per">25%</div>
														<div class="fri_banner_button"><a href="two"></a></div>
													</div>
												</div>
												<div class="friSingle">
													<div class="fri_pic"> <img src="front/images/activity/demo/345.png" width="65" height="65" /> </div>
													<div class="fri_name">好友的名字的说~</div>
													<div class="fri_say">好友的名字的说好友的名字的说好友的名字的</div>
													<div class="fri_banner">
														<div class="fri_banner_ed"></div>
														<div class="fri_banner_tx">同步率</div>
														<div class="fri_banner_per">36%</div>
														<div class="fri_banner_button"><a href="three"></a></div>
													</div>
												</div>
												<div class="friSingle">
													<div class="fri_pic"> <img src="front/images/activity/demo/345.png" width="65" height="65" /> </div>
													<div class="fri_name">好友的名字的说~</div>
													<div class="fri_say">好友的名字的说好友的名字的说好友的名字的</div>
													<div class="fri_banner">
														<div class="fri_banner_ed"></div>
														<div class="fri_banner_tx">同步率</div>
														<div class="fri_banner_per">65%</div>
														<div class="fri_banner_button"><a href="four"></a></div>
													</div>
												</div>
												<div class="friSingle">
													<div class="fri_pic"> <img src="front/images/activity/demo/345.png" width="65" height="65" /> </div>
													<div class="fri_name">好友的名字的说~</div>
													<div class="fri_say">好友的名字的说好友的名字的说好友的名字的</div>
													<div class="fri_banner">
														<div class="fri_banner_ed"></div>
														<div class="fri_banner_tx">同步率</div>
														<div class="fri_banner_per">87%</div>
														<div class="fri_banner_button"><a href="five"></a></div>
													</div>
												</div>
												<div class="friSingle">
													<div class="fri_pic"> <img src="front/images/activity/demo/345.png" width="65" height="65" /> </div>
													<div class="fri_name">好友的名字的说~</div>
													<div class="fri_say">好友的名字的说好友的名字的说好友的名字的</div>
													<div class="fri_banner">
														<div class="fri_banner_ed"></div>
														<div class="fri_banner_tx">同步率</div>
														<div class="fri_banner_per">49%</div>
														<div class="fri_banner_button"><a href="six"></a></div>
													</div>
												</div>
												<div class="friSingle">
													<div class="fri_pic"> <img src="front/images/activity/demo/345.png" width="65" height="65" /> </div>
													<div class="fri_name">好友的名字的说~</div>
													<div class="fri_say">好友的名字的说好友的名字的说好友的名字的</div>
													<div class="fri_banner">
														<div class="fri_banner_ed"></div>
														<div class="fri_banner_tx">同步率</div>
														<div class="fri_banner_per">98%</div>
														<div class="fri_banner_button"><a href="seven"></a></div>
													</div>
												</div>
											</div>
											<div class="fri_drag"></div>
										</div>
									</div>
								</div>
								<!-- /好友结束 -->
								<!-- 地图好友 -->
								<div class="fri_click_absolute">
									<div class="topic_border">
										<div class="fri_click_topic">当前好友名字</div>
									</div>
									<div class="white">
										<div class="fri_click_white_left">
											<div class="fri_click_pic"><img src="front/images/activity/demo/345.png" width="170" height="170" /></div>
											<div class="fri_click_localTx">四川&nbsp;成都/西南民族大学</div>
											<div class="fri_click_guanzhu">关注&nbsp;46</div>
											<div class="fri_click_haoyou">好友&nbsp;12</div>
										</div>
										<div class="fri_click_white_right">
											<div class="fri_click_somewords">一句话介绍</div>
											<div class="fri_click_right_tx">他在玩儿：<span>万能青年旅店...</span>等六个活动<span><a href="#">查看</a></span></div>
											<div class="fri_click_right_pic">
												<div class="tx">他的好友：（46）</div>
												<div class="_smallPic"><img src="front/images/activity/demo/123.png" width="38" height="38" /></div>
												<div class="_smallPic"><img src="front/images/activity/demo/123.png" width="38" height="38" /></div>
												<div class="_smallPic"><img src="front/images/activity/demo/123.png" width="38" height="38" /></div>
												<div class="_smallPic"><img src="front/images/activity/demo/123.png" width="38" height="38" /></div>
												<div class="_smallPic"><img src="front/images/activity/demo/123.png" width="38" height="38" /></div>
											</div>
											<div class="fri_click_right_pic">
												<div class="tx">共同好友：（46）</div>
												<div class="_smallPic"><img src="front/images/activity/demo/123.png" width="38" height="38" /></div>
												<div class="_smallPic"><img src="front/images/activity/demo/123.png" width="38" height="38" /></div>
												<div class="_smallPic"><img src="front/images/activity/demo/123.png" width="38" height="38" /></div>
											</div>
											<div class="fri_click_right_pic">
												<div class="tx">他的圈子：（46）</div>
												<div class="_smallPic"><img src="front/images/activity/demo/123.png" width="38" height="38" /></div>
												<div class="_smallPic"><img src="front/images/activity/demo/123.png" width="38" height="38" /></div>
												<div class="_smallPic"><img src="front/images/activity/demo/123.png" width="38" height="38" /></div>
												<div class="_smallPic"><img src="front/images/activity/demo/123.png" width="38" height="38" /></div>
												<div class="_smallPic"><img src="front/images/activity/demo/123.png" width="38" height="38" /></div>
											</div>
											<div class="fri_click_right_pic">
												<div class="tx">共同圈子：（46）</div>
												<div class="_smallPic"><img src="front/images/activity/demo/123.png" width="38" height="38" /></div>
												<div class="_smallPic"><img src="front/images/activity/demo/123.png" width="38" height="38" /></div>
												<div class="_smallPic"><img src="front/images/activity/demo/123.png" width="38" height="38" /></div>
											</div>
											<div class="fri_click_banner">
												<div class="fri_click_banner_ed"></div>
												<div class="fri_click_banner_tx">同步率</div>
												<div class="fri_click_banner_per">18%</div>
											</div>
										</div>
										<div class="fri_click_guanzhu_top"></div>
										<div class="fri_click_haoyou_top"></div>
										<div class="fri_click_share"></div>
										<div class="fri_click_speak"></div>
									</div>
								</div>
								<!-- /地图好友结束 -->
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- /该区域的所有活动 --> 
		<!-- 小名片 -->
		<div id="id_card">
			<div class="card_main">
				<div class="card_main_left">
					<div class="card_pic"><img src="front/images/activity/demo/456.png" width="77" height="77" /></div>
					<div class="card_hot">1234</div>
				</div>
				<div class="card_main_right">
					<div class="card_name">emiraca</div>
					<div class="clear"></div>
					<div class="tongbu_box">
						<div class="tongbu">同步率<span>45%</span></div>
						<span class="see_tongbu">查看同步率</span>
						<div class="tongbu_banner">
							<div class="green"></div>
						</div>
						<div class="clear"></div>
					</div>
					<div>他所在的圈子(<span>12</span>)</div>
					<div class="pic_box">
						<div class="pic"><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
						<div class="pic"><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
						<div class="pic"><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
						<div class="pic"><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
						<div class="pic"><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
						<div class="pic"><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
						<div class="pic"><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
						<div class="pic"><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
					</div>
					<div class="clear"></div>
					<div>共同的圈子(<span>12</span>)</div>
					<div class="pic_box">
						<div class="pic"><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
						<div class="pic"><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
						<div class="pic"><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
						<div class="pic"><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
						<div class="pic"><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
						<div class="pic"><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
						<div class="pic"><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
						<div class="pic"><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
					</div>
				</div>
				<div class="clear"></div>
				<div class="status">
					<div class="status_topic">他的状态</div>
					<div class="txt">他在玩儿<span>【影咖啡英语沙龙】...</span></div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<!-- /小名片 --> 
		<!-- 聊天 -->
		<div id="say_button"></div>
		<div id="say_object">
			<div id="say_logo_button"></div>
			<!--  菜单 -->
			<div class="say_menu_bg">
				<div class="say_menu_bg_height">
					<div class="say_menu_active"></div>
				</div>
				<div class="say_menu_block">
					<div class="say_menu_huodong"></div>
					<div class="say_menu_haoyou"></div>
					<div class="say_menu_wode"></div>
					<div class="say_menu_quanzi"></div>
				</div>
			</div>
			<!--  /菜单 -->
			<div class="say_main_top">
				<div class="say_main_bottom">
					<div class="say_main_middle"> 
						<!-- 聊天_大窗口 -->
						<div class="say_whole">
							<div class="say_whole_left">
								<div class="say_whole_left_myself"><img src="front/images/activity/demo/123.png" width="60" height="60" /></div>
								<div class="say_whole_left_wodecanyu_active"></div>
								<div class="say_whole_left_pic_control1">
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
								</div>
								<div class="say_whole_left_wodeguanzhu"></div>
								<div class="say_whole_left_pic_control2">
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
								</div>
								<div class="say_whole_left_wodetuijian"></div>
								<div class="say_whole_left_pic_control3">
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
									<div class="say_whole_left_pic"><img src="front/images/activity/demo/123.png" width="34" height="34" /></div>
								</div>
							</div>
							<div class="say_whole_Output">
								<div class="output_box">
									<div class="friends_pic"><img src="front/images/activity/demo/123.png" width="45" height="45" /></div>
									<div class="say_txt">
										<div>观测时间是什么时候奥~</div>
										<div class="time">10:43:42<span>suvenie</span></div>
									</div>
								</div>
								<div class="clear"></div>
								<div class="output_box">
									<div class="friends_pic"><img src="front/images/activity/demo/345.png" width="45" height="45" /></div>
									<div class="say_txt_my">
										<div>观测时间是什么时候奥~</div>
										<div class="time">10:43:42<span>suvenie</span></div>
									</div>
								</div>
								<div class="clear"></div>
							</div>
							<div class="say_whole_icons">
								<div class="say_whole_icon1"></div>
								<div class="say_whole_icon2"></div>
								<div class="say_whole_icon3"></div>
							</div>
							<div class="say_whole_Input">
								<div class="say_whole_head"><img src="front/images/activity/demo/123.png" width="60" height="60" /></div>
								<form id="form1" name="form1" method="post" action="">
									<label for="textarea"></label>
									<textarea class="inputTxt" name="textarea" id="textarea" cols="45" rows="5"></textarea>
								</form>
							</div>
						</div>
						<!-- /聊天_大窗口 --> 
						<!-- 聊天_小窗口 -->
						<div class="remove_small_main">
							<div class="say_main_left">
								<div><img src="front/images/activity/demo/123.png" width="42" height="42" /></div>
								<div class="say_main_left_wode"></div>
								<div><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
								<div><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
								<div><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
								<div><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
								<div><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
								<div><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
								<div><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
								<div><img src="front/images/activity/demo/123.png" width="20" height="20" /></div>
							</div>
							<div class="say_main_Output">
								<div class="say_main_Output_person">
									<div class="say_main_Output_pic"><img src="front/images/activity/demo/send_pic.png" width="34" height="34" /></div>
									<div class="blue">2012-02-03&nbsp;10:43:42<span>&nbsp;&nbsp;suvenie</span></div>
									<div class="grey">观测时间是什么时候奥~</div>
								</div>
								<div class="say_main_Output_person">
									<div class="say_main_Output_pic"><img src="front/images/activity/demo/send_pic.png" width="34" height="34" /></div>
									<div class="blue">2012-02-03&nbsp;10:43:42<span>&nbsp;&nbsp;suvenie</span></div>
									<div class="grey">观测时间是什么时候奥~</div>
								</div>
							</div>
							<div class="say_main_icons">
								<div class="say_main_icon1"></div>
								<div class="say_main_icon2"></div>
								<div class="say_main_icon3"></div>
							</div>
							<div class="say_main_Input">
								<div class="say_main_Input_send_pic"><img src="front/images/activity/demo/send_pic.png" width="42" height="42" /></div>
								<div class="say_main_Input_send"></div>
								<input class="inputTxt" type="text" />
							</div>
						</div>
						<!-- /聊天_小窗口 --> 
					</div>
				</div>
				<div class="say_small_button"></div>
			</div>
		</div>
		<!-- /聊天 --> 
		<!-- 右侧活动推荐 -->
		<div id="hot_toggle">
			<div id="hot_right">
				<div class="border">
					<div class="main">
						<div class="topic"></div>
						<div class="pics">
							<div class="pics_top"><img src="front/images/activity/demo/111.png" width="95" height="147" /></div>
							<div class="pics_other">
								<div class="pics_other_main">
									<div class="pics_other_scroll">
										<div class="picControl">
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
										</div>
										<div class="picControl">
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
										</div>
										<div class="picControl">
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
										</div>
										<div class="picControl">
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
										</div>
										<div class="picControl">
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
											<div class="pic"><img src="front/images/activity/demo/555.png" width="63" height="63" /></div>
										</div>
									</div>
								</div>
								<div class="arrow_left"></div>
								<div class="arrow_right"></div>
								<div class="sphere_object"> </div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 推荐列表 -->
		<div id="hot_activity"> 
			<!-- 推荐列表_分类 -->
			<div class="activiti_class">
				<div class="class_topic"><span>活动</span>&nbsp;分类</div>
				<div class="class_p"><span>标签</span>&nbsp;音乐&nbsp;工艺&nbsp;体育电影</div>
				<div class="class_p"><span>时间</span>&nbsp;一月&nbsp;二月&nbsp;三月四月</div>
				<div class="class_p"><span>地区</span>&nbsp;一区&nbsp;二区&nbsp;三区四区</div>
			</div>
			<!-- /推荐列表_分类 --> 
			<!-- 推荐列表_内容 -->
			<div class="recommend">
				<div class="recommend_drag"></div>
				<div class="recommend_topic"></div>
				<div class="recommend_scroll">
					<div class="recommend_main">
						<div class="recommend_div">
							<div class="recommend_hot">
								<div class="recommend_hot_pic">
									<div class="recommend_hot_pic_num">5</div>
									<img src="front/images/activity/demo/11.png" width="75" height="125" /> </div>
								<span>音乐</span>
								<p>cosplay动漫音乐节</p>
								<div>时间：2月6日&nbsp;18:28</div>
								<div>地点：combo广场</div>
								<div>1200人感兴趣</div>
								<div>893人参加</div>
								<span>[创建人XXX]</span> </div>
							<div class="recommend_hot_small">
								<div class="recommend_hot_smalldiv">
									<div class="recommend_hot_smallpic"> <img src="front/images/activity/demo/22.png" width="30" height="30"  /> </div>
									<p>cosplay动漫音乐节</p>
									<div>1200人感兴趣</div>
								</div>
								<div class="recommend_hot_smalldiv">
									<div class="recommend_hot_smallpic"> <img src="front/images/activity/demo/22.png" width="30" height="30"  /> </div>
									<p>cosplay动漫音乐节</p>
									<div>1200人感兴趣</div>
								</div>
								<div class="recommend_hot_smalldiv">
									<div class="recommend_hot_smallpic"> <img src="front/images/activity/demo/22.png" width="30" height="30"  /> </div>
									<p>cosplay动漫音乐节</p>
									<div>1200人感兴趣</div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="recommend_div">
							<p>&nbsp;&nbsp;cosplay动漫音乐节<span>更多</span></p>
							<div class="recommend_hot_normal_div">
								<div class="recommend_hot_normal_pic"> <img src="front/images/activity/demo/33.png" width="55" height="55" /> </div>
								<span>音乐</span>
								<p>cosplay动漫音乐节</p>
								<div>1200人感兴趣</div>
							</div>
							<div class="recommend_hot_normal_div">
								<div class="recommend_hot_normal_pic"> <img src="front/images/activity/demo/33.png" width="55" height="55" /> </div>
								<span>音乐</span>
								<p>cosplay动漫音乐节</p>
								<div>1200人感兴趣</div>
							</div>
							<div class="recommend_hot_normal_div">
								<div class="recommend_hot_normal_pic"> <img src="front/images/activity/demo/33.png" width="55" height="55" /> </div>
								<span>音乐</span>
								<p>cosplay动漫音乐节</p>
								<div>1200人感兴趣</div>
							</div>
							<div class="recommend_hot_normal_div">
								<div class="recommend_hot_normal_pic"> <img src="front/images/activity/demo/33.png" width="55" height="55" /> </div>
								<span>音乐</span>
								<p>cosplay动漫音乐节</p>
								<div>1200人感兴趣</div>
							</div>
							<div class="recommend_hot_normal_div">
								<div class="recommend_hot_normal_pic"> <img src="front/images/activity/demo/33.png" width="55" height="55" /> </div>
								<span>音乐</span>
								<p>cosplay动漫音乐节</p>
								<div>1200人感兴趣</div>
							</div>
							<div class="recommend_hot_normal_div">
								<div class="recommend_hot_normal_pic"> <img src="front/images/activity/demo/33.png" width="55" height="55" /> </div>
								<span>音乐</span>
								<p>cosplay动漫音乐节</p>
								<div>1200人感兴趣</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="recommend_div">
							<p>&nbsp;&nbsp;cosplay动漫音乐节<span>更多</span></p>
							<div class="recommend_hot_normal_div">
								<div class="recommend_hot_normal_pic"> <img src="front/images/activity/demo/33.png" width="55" height="55" /> </div>
								<span>音乐</span>
								<p>cosplay动漫音乐节</p>
								<div>1200人感兴趣</div>
							</div>
							<div class="recommend_hot_normal_div">
								<div class="recommend_hot_normal_pic"> <img src="front/images/activity/demo/33.png" width="55" height="55" /> </div>
								<span>音乐</span>
								<p>cosplay动漫音乐节</p>
								<div>1200人感兴趣</div>
							</div>
							<div class="recommend_hot_normal_div">
								<div class="recommend_hot_normal_pic"> <img src="front/images/activity/demo/33.png" width="55" height="55" /> </div>
								<span>音乐</span>
								<p>cosplay动漫音乐节</p>
								<div>1200人感兴趣</div>
							</div>
							<div class="recommend_hot_normal_div">
								<div class="recommend_hot_normal_pic"> <img src="front/images/activity/demo/33.png" width="55" height="55" /> </div>
								<span>音乐</span>
								<p>cosplay动漫音乐节</p>
								<div>1200人感兴趣</div>
							</div>
							<div class="recommend_hot_normal_div">
								<div class="recommend_hot_normal_pic"> <img src="front/images/activity/demo/33.png" width="55" height="55" /> </div>
								<span>音乐</span>
								<p>cosplay动漫音乐节</p>
								<div>1200人感兴趣</div>
							</div>
							<div class="recommend_hot_normal_div">
								<div class="recommend_hot_normal_pic"> <img src="front/images/activity/demo/33.png" width="55" height="55" /> </div>
								<span>音乐</span>
								<p>cosplay动漫音乐节</p>
								<div>1200人感兴趣</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="recommend_div">
							<div>&nbsp;&nbsp;活动结束</div>
							<div class="recommend_hot_normal_div">
								<div class="recommend_hot_normal_pic"> <img src="front/images/activity/demo/33.png" width="55" height="55" /> </div>
								<span>音乐</span>
								<p>cosplay动漫音乐节</p>
								<div>1200人感兴趣</div>
							</div>
							<div class="recommend_hot_normal_div">
								<div class="recommend_hot_normal_pic"> <img src="front/images/activity/demo/33.png" width="55" height="55" /> </div>
								<span>音乐</span>
								<p>cosplay动漫音乐节</p>
								<div>1200人感兴趣</div>
							</div>
							<div class="recommend_hot_normal_div">
								<div class="recommend_hot_normal_pic"> <img src="front/images/activity/demo/33.png" width="55" height="55" /> </div>
								<span>音乐</span>
								<p>cosplay动漫音乐节</p>
								<div>1200人感兴趣</div>
							</div>
							<div class="recommend_hot_normal_div">
								<div class="recommend_hot_normal_pic"> <img src="front/images/activity/demo/33.png" width="55" height="55" /> </div>
								<span>音乐</span>
								<p>cosplay动漫音乐节</p>
								<div>1200人感兴趣</div>
							</div>
							<div class="recommend_hot_normal_div">
								<div class="recommend_hot_normal_pic"> <img src="front/images/activity/demo/33.png" width="55" height="55" /> </div>
								<span>音乐</span>
								<p>cosplay动漫音乐节</p>
								<div>1200人感兴趣</div>
							</div>
							<div class="recommend_hot_normal_div">
								<div class="recommend_hot_normal_pic"> <img src="front/images/activity/demo/33.png" width="55" height="55" /> </div>
								<span>音乐</span>
								<p>cosplay动漫音乐节</p>
								<div>1200人感兴趣</div>
							</div>
							<div class="clear"></div>
						</div>
					</div>
				</div>
			</div>
			<!-- /推荐列表_内容 -->
			<div class="hot_bg"></div>
		</div>
		<!-- locker -->
		<div id="locker"> 
			<!-- locker_活动分类 -->
			<div class="locker_class">
				<div class="class_topic"><span>活动</span>&nbsp;分类</div>
				<div class="class_p"><span>标签</span>&nbsp;音乐&nbsp;工艺&nbsp;体育电影</div>
				<div class="class_p"><span>时间</span>&nbsp;一月&nbsp;二月&nbsp;三月四月</div>
				<div class="class_p"><span>地区</span>&nbsp;一区&nbsp;二区&nbsp;三区四区</div>
			</div>
			<!-- /locker_活动分类 --> 
			<!-- locker_内容 -->
			<div class="locker_rec">
				<div class="locker_rec_drag"></div>
				<div class="locker_rec_topic_border">
					<div class="locker_rec_topic"></div>
				</div>
				<div class="locker_rec_scroll">
					<div class="locker_rec_main">
						<div class="locker_rec_div">
							<div class="locker_pic"> <img src="front/images/activity/demo/33.png" width="51" height="51" /> </div>
							<p>LinGo明<span>locked:</span></p>
							<div class="main">
								<div class="locker_pic_border">
									<div class="locker_pic"> <img src="front/images/activity/demo/33.png" width="51" height="51" /> </div>
								</div>
								<div class="locker_pic_txt"> <span>音乐</span>
									<p>cosplay动漫音乐节</p>
									<div>在这充满浓情蜜意的日子里，天使学院院长米迦勒为让更多的小天使们也能找到爱的归宿，决定派遣「爱情天使」在每年这春暖花开的时刻，分送..<span>[详情]</span></div>
									<p>时间：2月6日&nbsp;18:28</p>
									<p>1200人感兴趣</p>
									<div class="clear"></div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="locker_rec_div">
							<div class="locker_pic"> <img src="front/images/activity/demo/33.png" width="51" height="51" /> </div>
							<p>LinGo明<span>locked:</span></p>
							<div class="main">
								<div class="locker_pic_border">
									<div class="locker_pic"> <img src="front/images/activity/demo/33.png" width="51" height="51" /> </div>
								</div>
								<div class="locker_pic_txt"> <span>音乐</span>
									<p>cosplay动漫音乐节</p>
									<div>在这充满浓情蜜意的日子里，天使学院院长米迦勒为让更多的小天使们也能找到爱的归宿，决定派遣「爱情天使」在每年这春暖花开的时刻，分送..<span>[详情]</span></div>
									<p>时间：2月6日&nbsp;18:28</p>
									<p>1200人感兴趣</p>
									<div class="clear"></div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="locker_rec_div">
							<div class="locker_pic"> <img src="front/images/activity/demo/33.png" width="51" height="51" /> </div>
							<p>LinGo明<span>locked:</span></p>
							<div class="main">
								<div class="locker_pic_border">
									<div class="locker_pic"> <img src="front/images/activity/demo/33.png" width="51" height="51" /> </div>
								</div>
								<div class="locker_pic_txt"> <span>音乐</span>
									<p>cosplay动漫音乐节</p>
									<div>在这充满浓情蜜意的日子里，天使学院院长米迦勒为让更多的小天使们也能找到爱的归宿，决定派遣「爱情天使」在每年这春暖花开的时刻，分送..<span>[详情]</span></div>
									<p>时间：2月6日&nbsp;18:28</p>
									<p>1200人感兴趣</p>
									<div class="clear"></div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="locker_rec_div">
							<div class="locker_pic"> <img src="front/images/activity/demo/33.png" width="51" height="51" /> </div>
							<p>LinGo明<span>locked:</span></p>
							<div class="main">
								<div class="locker_pic_border">
									<div class="locker_pic"> <img src="front/images/activity/demo/33.png" width="51" height="51" /> </div>
								</div>
								<div class="locker_pic_txt"> <span>音乐</span>
									<p>cosplay动漫音乐节</p>
									<div>在这充满浓情蜜意的日子里，天使学院院长米迦勒为让更多的小天使们也能找到爱的归宿，决定派遣「爱情天使」在每年这春暖花开的时刻，分送..<span>[详情]</span></div>
									<p>时间：2月6日&nbsp;18:28</p>
									<p>1200人感兴趣</p>
									<div class="clear"></div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="locker_rec_div">
							<div class="locker_pic"> <img src="front/images/activity/demo/33.png" width="51" height="51" /> </div>
							<p>LinGo明<span>locked:</span></p>
							<div class="main">
								<div class="locker_pic_border">
									<div class="locker_pic"> <img src="front/images/activity/demo/33.png" width="51" height="51" /> </div>
								</div>
								<div class="locker_pic_txt"> <span>音乐</span>
									<p>cosplay动漫音乐节</p>
									<div>在这充满浓情蜜意的日子里，天使学院院长米迦勒为让更多的小天使们也能找到爱的归宿，决定派遣「爱情天使」在每年这春暖花开的时刻，分送..<span>[详情]</span></div>
									<p>时间：2月6日&nbsp;18:28</p>
									<p>1200人感兴趣</p>
									<div class="clear"></div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
					</div>
				</div>
			</div>
			<!-- /locker_内容 -->
			<div class="locker_bg"></div>
		</div>
		<!-- /locker --> 
		<!-- 好友列表 -->
		<div id="friends_list">
			<div class="list_bg"></div>
			<div class="list_top"></div>
			<div class="button_tongbu_active"></div>
			<div class="button_zhiding"></div>
			<div class="button_quanbu"></div>
			<div class="list_tab_scroll">
				<div class="list_tab_main">
					<div class="list_zhiding_main">
						<div>性别</div>
						<div class="list_check_active">男</div>
						<div class="list_check">女</div>
						<div class="clear"></div>
						<div>年龄</div>
						<div class="input_bg">
							<input class="input_style" type="text">
						</div>
						<div>城市</div>
						<div class="input_bg">
							<input class="input_style" type="text">
						</div>
						<div>学校</div>
						<div class="input_bg">
							<input class="input_style" type="text">
						</div>
						<div>标签</div>
						<div class="input_tab">
							<input class="input_style" type="text">
						</div>
						<div class="input_button"></div>
					</div>
					<div class="list_quanbu_main">
						<div class="tx">我的好友</div>
						<div class="tx">我关注的人</div>
						<div class="tx">关注我的人</div>
						<div class="tx">在线用户</div>
						<div class="tx">离线用户</div>
					</div>
				</div>
			</div>
			<div class="list_scroll">
				<div class="list_main">
					<div class="list_single">
						<div class="list_single_pic"><img src="front/images/activity/demo/345.png" width="60" height="60" /></div>
						<div class="list_single_right">
							<div class="list_single_name">好友的名字</div>
							<div class="clear"></div>
							<div class="list_single_say">一句话介绍</div>
							<div class="list_single_guanzhu">关注&nbsp;46</div>
							<div class="list_single_haoyou">好友&nbsp;12</div>
							<div class="list_single_right_chakan"></div>
							<div class="list_single_right_guanzhu"></div>
							<div class="list_single_right_jiahao"></div>
						</div>
						<div class="single_banner">
							<div class="single_banner_ed"></div>
							<div class="single_banner_tx">同步率</div>
							<div class="single_banner_per">18%</div>
						</div>
						<div class="clear"></div>
					</div>
					<div class="list_single">
						<div class="list_single_pic"><img src="front/images/activity/demo/345.png" width="60" height="60" /></div>
						<div class="list_single_right">
							<div class="list_single_name">好友的名字</div>
							<div class="clear"></div>
							<div class="list_single_say">一句话介绍</div>
							<div class="list_single_guanzhu">关注&nbsp;46</div>
							<div class="list_single_haoyou">好友&nbsp;12</div>
							<div class="list_single_right_chakan"></div>
							<div class="list_single_right_guanzhu"></div>
							<div class="list_single_right_jiahao"></div>
						</div>
						<div class="single_banner">
							<div class="single_banner_ed"></div>
							<div class="single_banner_tx">同步率</div>
							<div class="single_banner_per">38%</div>
						</div>
						<div class="clear"></div>
					</div>
					<div class="list_single">
						<div class="list_single_pic"><img src="front/images/activity/demo/345.png" width="60" height="60" /></div>
						<div class="list_single_right">
							<div class="list_single_name">好友的名字</div>
							<div class="clear"></div>
							<div class="list_single_say">一句话介绍</div>
							<div class="list_single_guanzhu">关注&nbsp;46</div>
							<div class="list_single_haoyou">好友&nbsp;12</div>
							<div class="list_single_right_chakan"></div>
							<div class="list_single_right_guanzhu"></div>
							<div class="list_single_right_jiahao"></div>
						</div>
						<div class="single_banner">
							<div class="single_banner_ed"></div>
							<div class="single_banner_tx">同步率</div>
							<div class="single_banner_per">26%</div>
						</div>
						<div class="clear"></div>
					</div>
					<div class="list_single">
						<div class="list_single_pic"><img src="front/images/activity/demo/345.png" width="60" height="60" /></div>
						<div class="list_single_right">
							<div class="list_single_name">好友的名字</div>
							<div class="clear"></div>
							<div class="list_single_say">一句话介绍</div>
							<div class="list_single_guanzhu">关注&nbsp;46</div>
							<div class="list_single_haoyou">好友&nbsp;12</div>
							<div class="list_single_right_chakan"></div>
							<div class="list_single_right_guanzhu"></div>
							<div class="list_single_right_jiahao"></div>
						</div>
						<div class="single_banner">
							<div class="single_banner_ed"></div>
							<div class="single_banner_tx">同步率</div>
							<div class="single_banner_per">56%</div>
						</div>
						<div class="clear"></div>
					</div>
					<div class="list_single">
						<div class="list_single_pic"><img src="front/images/activity/demo/345.png" width="60" height="60" /></div>
						<div class="list_single_right">
							<div class="list_single_name">好友的名字</div>
							<div class="clear"></div>
							<div class="list_single_say">一句话介绍</div>
							<div class="list_single_guanzhu">关注&nbsp;46</div>
							<div class="list_single_haoyou">好友&nbsp;12</div>
							<div class="list_single_right_chakan"></div>
							<div class="list_single_right_guanzhu"></div>
							<div class="list_single_right_jiahao"></div>
						</div>
						<div class="single_banner">
							<div class="single_banner_ed"></div>
							<div class="single_banner_tx">同步率</div>
							<div class="single_banner_per">89%</div>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<div class="list_single_drag_bg">
				<div class="list_single_drag"></div>
			</div>
		</div>
		<!-- /好友列表结束 -->
	</div>
</div>
<!-- My按钮 -->
<div id="mywidth_space">
	<div class="mywidth">
		<div class="mycity">
			<div class="mycity_border"></div>
		</div>
		<div class="myschool">
			<div class="myschool_border"></div>
		</div>
	</div>
</div>
<!-- /My按钮 --> 
<!-- 地图、列表按钮 -->
<div id="button_list"></div>
<!-- /地图、列表按钮 --> 
<!-- 背景 -->
<div id="background">
	<div class="blue_bg">
		<div class="bg">
			<div class="bg_pic"></div>
		</div>
	</div>
</div>
<!-- /背景 -->
<!-- 聊天 -->
		<div id="bottombar" style="left: 1181px">
			<div id="webpager" class="webpager" style="height: 30px;">
				<div id="wpi_left_bundle" class="panelbarpanels" style="float: left; display: block;">
					<div class="panel" id="apps-panel">
						<div class="popupwindow">
							<div class="panelbarbutton">
								<img height="16" width="16" src="front/images/logo.png" class="icon">
									<strong id="wpi_togMenuPanel" class="title">聊天</strong>
							</div>
						</div>
					</div>
				
				</div>
				<div class="panelbarpanels" style="float: right; height: 30px; border-left: 1px solid #B5B5B5;">		
					<div id="tasks-panel" class="panel" style="min-width: 0;">
						<div id="webpager_slider_left" style="display: none;" class="more"
							title="左侧还有0个窗口">
							<button class="previous">
								0
							</button>
						</div>
						<div id="tasks-panel-inner" class="windows" style="width: 0px;">

							
						</div>
						<div id="webpager_slider_right" style="display: none;"
							class="more" title="右侧还有0个窗口">
							<button class="next">
								0
							</button>
						</div>
						<div id="chatroom-panel"></div>
						<div id="conv-panel"></div>
					</div>
					<div id="friends-panel" class="panel">  
						<div class="popupwindow friends-panel">
							<div class="panelbarbutton" id="friends-list">
								<img class="icon" width="16" height="16" alt="聊天"
									src="http://a.xnimg.cn/n/core/res/webpager/onlinegroup_mini.gif">
									在线好友(<span id="webpager_online_friend_count">0</span>)
							</div>
							<article class="window">
							<header>
							<h4>
								在线好友
							</h4>
							<menu>
								<li class="minimize" label="最小化" title="最小化"></li>
							</menu>
							</header>
							<section>
							<article class="online-users">
							<header>
							<div class="searchbar box">
								<form class="searchbar" action="#" method="post">
									<input id="webpager_friend_search" type="text"
										onsubmit="return false;" autocomplete="off"
										style="color: rgb(136, 136, 136);">
										<span id="webpager_friend_search_reset" class="clear"
											style="display: none;"><a href="#"><img
													src="http://a.xnimg.cn/n/core/res/webpager/clear.png"
													alt="清除">
										</a>
										</span>
								</form>
							</div>
							</header>
							<section>
							<ul class="user">
								<li userid="353551149">
									<span class="avatar" userid="353551149">
                                    <a href="#"><img userid="353551149"	src="http://hdn.xnimg.cn/photos/hdn221/20110626/1015/tiny_7jg5_11106o019117.jpg">
									</a>
									</span><span class="name" userid="353551149"><a
										userid="353551149" href="" onclick="return false;">陈真</a>
									</span>
									<span class="online-status"><a><img title="网页在线" 
												src="http://s.xnimg.cn/imgpro/icons/web_online_std.png">
									</a>
									</span><span class="online-status"><a cam="1"
										calleeid="353551149" href="#" onclick="return false;"><img
												cam="1" calleeid="353551149" title="视频聊天"
												src="http://s.xnimg.cn/imgpro/icons/webtalk_camera.png">
												&nbsp;
									</a>
									</span>
								</li>
								<li userid="368281036">
									<span class="avatar" userid="368281036"><a href="#"><img
												userid="368281036"
												src="http://hdn.xnimg.cn/photos/hdn521/20111228/1520/h_tiny_dZuA_7a8b0001b46e2f75.jpg">
									</a>
									</span><span class="name" userid="368281036"><a
										userid="368281036" href="" onclick="return false;">张宇晨</a>
									</span>
									<span class="online-status"><a><img title="人人桌面在线"
												src="http://s.xnimg.cn/imgpro/icons/rr_online_std.png">
									</a>
									</span>
								</li>
							</ul>
							</section></article></section></article>
						</div>
					</div>
					<div id="notification-panel" class="panel">
						<div class="popupwindow notify-panel">
							<div class="panelbarbutton">
								<img class="icon" width="16" height="16" title="提醒" alt="提醒" 
                                	src="http://a.xnimg.cn/n/core/res/webpager/notifications.gif">
									<div id="wpi_toread_tip" tooltip"=" class="buttontooltip" style="display: none;">
										<strong id="wpi_toread_num">3</strong>
									</div>
							</div>
							<article class="window">
							<header>
							<h4>
								提醒
							</h4>
							<menu>
								<li class="minimize" label="最小化" title="最小化"></li>
							</menu>
							</header>
							<section>
						  <p style="padding: 5px">
								没有提醒
							</p>
							</section></article>
						</div>
					</div>
					<div id="setting-panel" class="panel">
						<div class="popupwindow settings-panel">
							<div class="panelbarbutton">
								<img id="wpi_online_img" title="设置" class="icon" width="16"
									height="16" alt="在线"
									src="http://a.xnimg.cn/n/core/res/webpager/im_online.gif">
							</div>
							<article class="window">
							<header>
							<h4>
								聊天和提醒设置
							</h4>
							<menu>
								<li class="minimize" label="最小化" title="最小化"></li>
							</menu>
							</header>
							<section>
						  <div class="webpager-setting box">
								<article class="webpager-setting">
								<section>
								<p>
									<label>
										<input name="music" id="wpi_music" type="checkbox"
											checked="true">
											收到新消息播放提示音
									</label>
								</p>
								</section>
								<footer>
								<p>
									<img id="wpi_login_img" class="icon"
										src="http://s.xnimg.cn/n/core/res/webpager/im_online.gif">
										<span id="wpi_login_tip">已启用聊天和提醒功能</span> <a
											id="wpi_login_btn" href="#">关闭</a>
								</p>
								</footer></article>
							</div>
							</section></article>
						</div>
					</div>
				</div>
				
			</div>
		</div>
<!-- /聊天 -->
</body>
</html>

